<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/register.css">
    <title>注册页面</title>
</head>
<body>
    <aside></aside>
    <main>
        <header>
            <div class="logo">
                <div class="img">
                    <img src="https://dss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/562b325120efba096b3f9f593de058dd_88_88.png" alt="">
                </div>
                <span>小米账号</span>
            </div>
            <nav>
                <ul>
                    <li>用户协议</li>
                    <li>隐私政策</li>
                    <li>帮助中心</li>
                    <li>中文(简体)</li>
                </ul>
            </nav>
        </header>
        
        <div class="mi-card">
            <form>
                <div class="title">
                    <span><a href="./login.html">登陆</a></span>
                    <span><a href="#">注册</a></span>
                </div>
                <div class="text">
                    <input type="text" placeholder="用户名">
                    <span class="message"></span>
                </div>
                <div class="password">
                    <input type="password" placeholder="密码">
                    <span class="message"></span>
                </div>
                <input type="submit" value="注册" id="register">
                <div class="check">
                    <input type="checkbox" name="prov" id="prov">
                <label for="prov">已阅读并同意小米账户 用户协议 和 隐私政策</label>
                </div>
                <div class="other">
                    <a href="">其他方式登陆</a>
                </div>
                
                <div class="icon">
                    <svg t="1627885888082" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8716" width="46" height="46"><path d="M511.999 1024a512 512 0 1 0-512-512 512 512 0 0 0 512 512z" fill="#23A0F0" p-id="8717"></path><path d="M735.765 604.422c-3.55-49.47-36.192-90.932-55.09-112.47a70.383 70.383 0 0 0-15.577-67.003v-1.718c0-97.235-68.028-167.254-153.35-167.55-85.333 0.342-153.35 70.315-153.35 167.55v1.718a70.383 70.383 0 0 0-15.576 67.003c-18.898 21.413-51.54 62.874-55.09 112.47a75.39 75.39 0 0 0 7.554 40.425c7.555 10.308 28.513-2.06 43.406-34.93a210.33 210.33 0 0 0 35.499 67.914c-36.307 8.477-46.729 44.897-34.475 64.853 8.59 14.086 28.445 25.657 62.419 25.657 60.473 0 87.267-16.611 99.18-28.057a16.259 16.259 0 0 1 20.844 0c11.913 11.57 38.684 28.057 99.18 28.057 34.02 0 53.715-11.57 62.419-25.657 12.253-19.922 1.831-56.342-34.475-64.853a211.627 211.627 0 0 0 35.499-67.914c14.893 32.87 35.85 45.124 43.406 34.93a76.493 76.493 0 0 0 7.577-40.425z" fill="#FFFFFF" p-id="8718"></path></svg>
                    <svg t="1627885546924" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4065" width="46" height="46"><path d="M464.712 488.106c-102.515 6.825-184.53 58.032-184.53 126.297s82.015 116.052 184.53 112.633 184.53-64.845 184.53-136.503c0-64.883-82.04-105.884-184.53-102.427z m71.796 170.616c-30.757 41.001-95.69 58.07-153.773 27.364-27.338-13.663-27.338-44.383-27.338-44.383s-13.663-95.565 88.84-105.809c102.515-13.675 123.066 85.321 92.271 122.828z" fill="#FB5555" p-id="4066"></path><path d="M464.762 597.358c-6.837 6.826-6.837 13.65-3.418 20.488 3.368 3.394 10.193 3.394 17.031 0 6.838-6.837 10.257-13.662 6.838-20.488-3.369-3.431-13.625-6.85-20.45 0z m-44.445 10.22c-20.488 3.406-34.163 17.106-34.163 34.125 0 13.663 13.675 27.3 34.163 23.907 17.082 0 34.176-13.7 37.57-30.732 0.025-17.057-17.07-30.707-37.57-27.3z" fill="#FB5555" p-id="4067"></path><path d="M512.551 0C229.476 0 0 229.175 0 512s229.476 512 512.551 512 512.551-229.175 512.551-511.95S795.626 0 512.551 0z m228.975 634.928C697.08 723.68 560.39 764.631 457.887 757.806c-99.071-6.825-222.112-37.57-235.787-153.56 0 0-6.826-51.207 44.42-119.472 0 0 75.139-98.933 160.598-129.69 88.914-27.35 99.096 20.475 99.096 47.789-6.838 27.3-13.663 40.95 17.094 30.706 0 0 85.421-37.57 119.597-3.406 27.326 27.313 3.406 64.845 3.406 64.845s-10.244 13.576 13.7 16.982c27.339 3.419 102.503 40.951 61.515 122.928z m10.244-198.03c-3.419 13.663-10.257 20.488-23.932 20.488-10.244 0-20.5-10.244-20.5-20.488v-10.244c0-30.707-23.945-58.02-58.096-58.02-10.269 0-20.513-10.244-20.513-20.476s10.244-20.475 20.513-20.475c58.083 0 102.503 44.382 102.503 98.934v10.244z m78.583 17.07v6.887c-3.406 10.244-13.663 17.07-27.326 13.638a23.343 23.343 0 0 1-23.919-23.882v-3.469c3.406-6.863 3.406-17.056 3.406-23.882 0-71.695-61.489-129.715-133.234-129.715a23.356 23.356 0 0 1-23.932-23.895c0-13.637 10.244-23.794 23.957-23.894 102.502 0 184.505 81.927 184.505 180.898-0.038 10.282-3.457 17.082-3.457 27.313z" fill="#FB5555" p-id="4068"></path></svg>
                    <svg t="1627885603644" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4868" width="46" height="46"><path d="M230.4 576.512c-12.288 9.728-25.088 24.064-28.672 41.984-5.12 24.576-1.024 55.296 22.528 79.872 28.672 29.184 72.704 37.376 91.648 38.912 51.2 3.584 105.984-22.016 147.456-50.688 16.384-11.264 44.032-34.304 70.144-69.632-59.392-30.72-133.632-64.512-212.48-61.44-40.448 1.536-69.632 9.728-90.624 20.992z m752.64 135.68c26.112-61.44 40.96-129.024 40.96-200.192C1024 229.888 794.112 0 512 0S0 229.888 0 512s229.888 512 512 512c170.496 0 321.536-83.968 414.72-211.968-88.064-43.52-232.96-115.712-322.56-159.232-42.496 48.64-105.472 97.28-176.64 118.272-44.544 13.312-84.992 18.432-126.976 9.728-41.984-8.704-72.704-28.16-90.624-47.616-9.216-10.24-19.456-22.528-27.136-37.888 0.512 1.024 1.024 2.048 1.024 3.072 0 0-4.608-7.68-7.68-19.456-1.536-6.144-3.072-11.776-3.584-17.92-0.512-4.096-0.512-8.704 0-12.8-0.512-7.68 0-15.872 1.536-24.064 4.096-20.48 12.8-44.032 35.328-65.536 49.152-48.128 114.688-50.688 148.992-50.176 50.176 0.512 138.24 22.528 211.968 48.64 20.48-43.52 33.792-90.112 41.984-121.344h-307.2v-33.28h157.696v-66.56H272.384V302.08h190.464V235.52c0-9.216 2.048-16.384 16.384-16.384h74.752V302.08h207.36v33.28h-207.36v66.56h165.888s-16.896 92.672-68.608 184.32c115.2 40.96 278.016 104.448 331.776 125.952z" fill="#06B4FD" p-id="4869"></path></svg>
                    <svg t="1627885628035" class="icon"  version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5810" width="46" height="46"><path d="M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z" fill="#50B674" p-id="5811"></path><path d="M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z" fill="#50B674" p-id="5812"></path><path d="M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z" fill="#50B674" p-id="5813"></path><path d="M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z" fill="#50B674" p-id="5814"></path><path d="M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z" fill="#50B674" p-id="5815"></path></svg>
                </div>
            </form>
        </div>
    </main>
    <script src="../js/register.js"></script>
</body>
</html>